@extends('frontend/layouts/default')
@section('title')
{{ $data['video']->title }}
@stop
@section('content')
<div class="default-width-left">
    <ol class="breadcrumb" style="margin:10px 0 0 5px; background-color:transparent">
        <li><a href="#">Home</a></li>
        <li><a href="#">Library</a></li>
        <li class="active">Data</li>
    </ol>
    <div class="MgL5">
        @include('frontend/videos/_partials/details/title_details_video')
    </div>
    <div class="MgT15 MgL5">
        <div class="embed-responsive embed-responsive-16by9">
            <iframe class="embed-responsive-item" src="http://www.youtube.com/embed/<?= $data['video']->youtube?>"></iframe>
        </div>
    </div>
    <div class="box-infor-clip MgT20">
        <div class="left">
            <div class="fl-infor" style="width:100%">
                <div class="avatar-lf">
                    <img src="<?= $data['user']->avatar_link() ?>" alt=""/>
                </div>
                <div class="ct-lf">
                    <a href="<?= route('thanh-vien', array('id' => $data['user']->id, 'slug' => Str::slug($data['user']->username))) ?>"
                       class="font-Bold font14"><?= $data['user']->username ?></a>

                    <div class="font11 color99">GURU - Đệm hát Level 10</div>
                    <div>
                        <a class="btn0follow" href="#"><i class="fa fa-plus">&nbsp;</i>Theo dõi</a>
                    </div>
                </div>
            </div>
<!--            <div class="MgTB15 MgL5">-->
<!--                <a href="#" class="btn-infor" style="padding:5px 10px">Xem hợp âm</a>-->
<!--                <a href="#" class="btn-infor" style="padding:5px 10px">Xem tab</a>-->
<!--            </div>-->
        </div>
        <div class="right PdB10">
            @include('frontend/videos/_partials/details/activity_box')
        </div>
    </div>
    <!--tu khoa-->
    <div class="MgT15">
        <div class="title">
            <label>Từ khóa</label>
        </div>
        <div class="MgL5 tags">
            <a href="#">Quat cha</a>
        </div>
    </div>
    <!--tu khoa end-->
    <!--comment facebook-->
    <div class="MgT20 comment-face">
        @include('commons/comments/comment',array('type'=>'video','target_id'=>$data['video']->id))
    </div>
</div>
<!--end content left-->
<!--content right-->
<div class="default-width-right">
<!--search top-->
<div class="box-search MgT15">
    @include('commons/form-search')
</div>
<!--search top end-->
<!--Bài giảng cùng giảng viên-->
<div class="MgT20">
    @include('frontend/videos/includes/video-same-user',array('uVideos'=>$data['u_videos']))
</div>
<!--end Bài giảng cùng giảng viên-->
<!--Bài giảng cùng chủ đề-->
<div class="MgT20">
    @include('frontend/videos/includes/video-same-category',array('cVideos'=>$data['c_videos']))
</div>
<!--end bai giang cung chu de-->
<!--Videos cùng điệu-->
<div class="MgT20">
    @include('frontend/videos/includes/video-same-tone',array('tVideos'=>$data['t_videos']))
</div>
<!--Videos cùng điệu-->
</div>
<!--end content right-->
@stop